body{
		font-family: PingFangSC-Regular;
		background: #F5F5F5;
	}
	ul{
		list-style: none;
	}
	a{
		text-decoration: none;
	}
		.container_container{
			width:100%;
			height:100%;
		}
		.mainImg{
			width:100%;
			height:auto;
			padding-top:0.266667rem;
			
			background: #fff;
		}
		.fengImg{
			width:8.266667rem;
			height:11.653333rem;
			position: relative;
			margin: 0 auto;
		}
		.img{
			width:100%;
			height:100%;
		}
		.grouImg{
			width:100%;
			height:100%;
			
		}
		.img2{
	width:150%;
	height:auto;
}
		.absoluteImg{
			position: absolute;
			top:0;
			left:0;
		}
		.fengText{
			width:8.266667rem;
			height:auto;
			padding-top: 0.24rem;
			font-size: 0.266667rem;
			color: #8C8C8C;
			margin:0 auto;
			text-align: center;
		}
		.gundong{
			width:8.266667rem;
			height:0.8rem;
			margin: 0 auto;
			margin-top:0.32rem;
			position: relative;

		}
		.gun_bot,.rangeslider__fill{
			width:100%;
			height:0.16rem;
			background: #EEEEEE;
			border-radius: 4px;
			position: absolute;
			top:0;
			left:0;
			
		}
		.rangeslider__fill{
			background:#63E0CE;
			height:0.16rem;
		}
		.gun_top,.rangeslider__handle{
			background: #fff;
			box-shadow: 0 0 5px 0 rgba(128,128,128,0.50);
			width:0.48rem;
			height:0.48rem;
			border-radius: 50%;
			left:0;
			top:-0.16rem;
			
			position: absolute;
		}
		.scImg{
			width:100%;
			height:auto;
			margin-top:0.213333rem;
		}
		.addImg{
			width:100%;
			height:1.386667rem;
		}
		.chicun{
			width:100%;
			height:auto;
			padding-top:0.426667rem;
			font-size: 0.32rem;
			color: #636363;
			letter-spacing: 2px;
			line-height: 0.48rem;
			text-align: center;
			padding-bottom:0.533333rem;
		}
		.color{
			color:#000;
		}
		.main_top,.main_bot{
			width: 100%;
			height:auto;
		}
		.main_bot{
			padding-top:0.533333rem;
			background:#fff;
		}
		.photo_main{
			width:auto;
			height:auto;
			padding-left:0.266667rem;
		}
		.photoName{
			width:100%;
			height:auto;
			font-size: 0.373333rem;
			color: #282828;
		}
		.photoText{
			width: 100%;
			height:auto;
			margin-bottom:1.33rem;
		}
		.state{
			width:100%;
			height:auto;
			overflow: hidden;
			padding-top:0.666667rem;
		}
		.state_left{
			width:1.173333rem;
			height:1.173333rem;
			border-radius: 50%;
		}
		.state_right{
			width:7.546667rem;
			height:auto;
			margin-left:0.4rem;
			padding-bottom:0.666667rem;
			border-bottom:1px solid #EBEBEB;
		}
		.stateName{
			width:100%;
			height:auto;
		}
		.userName{
			font-size: 0.373333rem;
			color: #3B3B3B;
			width:auto;
			height: auto;
		}
		.true{
			margin-left:0.4rem;
			width:auto;
			height: auto;
			font-size: 0.373333rem;
			color: #646464;
		}
		.stateText{
			width:100%;
			height:auto;
			font-size: 0.373333rem;
			padding-top: 0.266667rem;
			padding-bottom:0.266667rem;
			color: #646464;
			letter-spacing: 0.5px;
			line-height: 0.48rem;
		}
		.stateImg{
			width:100%;
			height:auto;
			padding-top:0.266667rem;
			padding-bottom: 0.266667rem;
			overflow: hidden;
		}
		.state_img{
			width:2.0rem;
			height:2.0rem;
			margin-left:0.266667rem;
			margin-top:0.266667rem;
		}
		.state_img:nth-of-type(1),
		.state_img:nth-of-type(4),
		.state_img:nth-of-type(7){
			margin-left:0;
		}
		.state_img:nth-of-type(1),
		.state_img:nth-of-type(2),
		.state_img:nth-of-type(3){
			margin-top:0;
		}
		.stateTime{
			height:auto;
			width: 100%;
			font-size: 0.32rem;
			color: #8C8C8C;
		}
		.none{
			display: none;
		}
		.left{
			float: left;
		}
		.right{
			float: right;
		}
		.radius{
			border-radius: 50%;
		}
		.rangeslider{
			width:100%;
			height:0.16rem;
			position: relative;
			background: #EEEEEE;
   			border-radius: 4px;
   			margin-top:0.5rem;
		}
